<template>
  <div class="fuwuguize">
    <head_><h1>{{$route.params.submodule}}</h1></head_>
    <ul class="_ul">
      <li v-for="item in datalist" :key="item.id" @click="issueChange(item)">
        <span v-text="item.question"> </span><van-icon size=".4rem" name="arrow" />
      </li>
    </ul>
  </div>
</template>

<script>
import head_ from "./header";
import {noob} from "../../request/home/home_http"
export default {
  props: {},
  data() {
    return {
      datalist: null
    };
  },
  methods: {
    issueChange(value){
      this.$router.push('/issue/'+JSON.stringify(value) )
      /* this.$router.push({
        name: 'particulars',
        params: {
          data: value
        }
      }) */
    }
  },
  components: {
    head_,
  },
  beforeMount(){
    noob(this.$route.params.submodule).then(res =>{
      this.datalist = res.data;
      //console.log(res.data);
    })
  }
};
</script>

<style scoped lang="less">
.fuwuguize {
  width: 100;
  font-size: 0;
}
._ul {
  width: 100%;
  // height: 7rem;
  display: flex;
  flex-direction: column;
  li {
    border-bottom: 0.01rem solid #e0e0e0;
    box-sizing: border-box;
    font-size: 0.27rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.24rem;
    height: 1rem;
  }
}
</style>
